<template>
  <div>
    <el-dialog
      top="80px"
      width="70%"
      append-to-body
      title="贷后管理"
      :visible.sync="visible"
      :before-close="hanldClose"
      :close-on-click-modal="false"
    >
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="还本付息" name="first">
          <after-repay></after-repay>
        </el-tab-pane>
        <el-tab-pane label="其他登记" name="second">
          <after-ab-editor-bank @success="regetData"></after-ab-editor-bank>
        </el-tab-pane>
      </el-tabs>
    </el-dialog>
  </div>
</template>

<script>
import AfterRepay from './AfterRepay'
import AfterAbEditorBank from './AfterAbEditorBank'
export default {
  name: 'AfterManageBank',
  components: {
    AfterRepay,
    AfterAbEditorBank,
  },
  props: {
    visible: Boolean,
  },
  data() {
    return {
      activeName: 'first',
      repayEditorVisble: false,
    }
  },
  methods: {
    hanldClose() {
      this.$emit('update:visible', false)
    },
    regetData() {
      this.hanldClose()
      this.$emit('success', true)
    },
  },
}
</script>

<style scoped></style>
